@import '../common';

.m-setting {
    top: 65px;
    border: 1px solid #eee;
    legend {
        width: 190px;
        color: #969696;
        margin-top: 33px;
        font-size: 16px;
    }
    .main {
        width: 100%;
        margin-left: -190px;
        .inner {
            padding-left: 190px;
            .ui-item {
                margin-top: 25px;
            }
            .ui-label {
                width: 65px;
                padding-right: 15px;
                text-align: right;
            }
            .ui-input {
                padding-left: 0;
                text-indent: 10px;
                &.g-w60 {
                    width: 60%;
                }
            }
            .ui-input-scale {
                text-indent: 0;
                max-width: 110px;
            }
            &.level4 {
                .ui-input-scale, .ui-imitselect {
                    width: 12% !important;
                }
            }
            &.level5 {
                .ui-input-scale, .ui-imitselect {
                    width: 11% !important;
                }
            }
            &.level6 {
                .ui-input-scale, .ui-imitselect {
                    width: 10% !important;
                }
            }
            &.level7 {
                .ui-input-scale, .ui-imitselect {
                    width: 9% !important;
                }
            }
            &.level8 {
                .ui-input-scale, .ui-imitselect {
                    width: 8% !important;
                }
            }
            &.level9 {
                .ui-input-scale, .ui-imitselect {
                    width: 7% !important;
                }
            }
            .checkbox {
                width: 190px;
            }
            .ui-button {
                width: 120px;
            }
        }
    }
}